<?xml version="1.0" encoding="UTF-8" ?> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />        
        <title>Tarifa Social</title>
        <link rel="stylesheet" type="text/css" href="style.tarifasocial.css" media="screen,projection" />
    </head>
    
    <body>
        <wicket:panel>
            
            <script language="javascript">
                function toggle(link)
                {
                    toggleContent(link);
                    toggleLinkText(link);
                }
                function toggleContent(link)
                {
                    var container = link.parentNode.parentNode;
                    var displayBlock = "block";
                    var displayNone = "none";
                    var contentName = "content";
                    var contentTag;
                    
                    for (i = 0; i<container.childNodes.length; i++)
                    {
                        if (container.childNodes[i].name == contentName)
                        {
                            contentTag = container.childNodes[i];
                        }
                    }
                    
                    contentTag.style.display = (contentTag.style.display==displayBlock)? displayNone: displayBlock;
                }
                function toggleLinkText(link) 
                { 
                    var shownText = "- Ocultar descripción";
                    var hiddenText = "+ Ver descripción";
                
                    link.innerHTML = (link.innerHTML==shownText)? hiddenText: shownText;
                }
                                                     </script>
            
            <h2>Documentos</h2>
            
            <ul>
                <li wicket:id="listViewDocuments">
                    <br>
                    <table width="85%" align="center" cellpadding="2">
                        <tr>
                            <td align="right" width="25%"><strong>Nombre</strong>&nbsp;</td>
                            <td align="left">
                                <a href="#" wicket:id="linkDocument">
                                    <span wicket:id="labelDocumentName">labelDocumentName</span>
                                </a>
                            </td>
                        </tr>
                        <span wicket:id="containerAuthor">
                            <tr>
                                <td align="right"><strong>Autor</strong>&nbsp;</td>
                                <td align="left">
                                    &nbsp;<span wicket:id="labelDocumentAuthor">labelDocumentAuthor</span>
                                </td>
                            </tr>
                        </span>
                        <span wicket:id="containerSector">
                            <tr>
                                <td align="right"><strong>Sector</strong>&nbsp;</td>
                                <td align="left">
                                    &nbsp;<span wicket:id="labelDocumentSector">labelDocumentSector</span>
                                </td>
                            </tr>
                        </span>
                        <span wicket:id="containerDescription">
                            <tr>
                                <td align="right"><strong>Descripción</strong>&nbsp;</td>
                                <td align="left" class="small">
                                    
                                    <div style="border: 1px none #000000; padding: 0px; background: #EEEEEE; ">
                                        <div align="right" style="background: #FFFFFF ">
                                            [<a href="javascript: void(0);" onclick="toggle(this);">+ Ver descripción</a>]
                                        </div>
                                        <span name="content" style="display: none;" wicket:id="labelDocumentDescription">labelDocumentDescription</span>
                                    </div>
                                    
                                </td>
                            </tr>
                        </span>
                    </table>
                </li>
            </ul>
            
        </wicket:panel>
    </body>
</html>